<template>
  <header class="view-header">
    <div class="header-container">
      <div class="header-title">
        <i class="el-icon-s-grid"></i>
        <span v-text="title"></span>
      </div>
      <div class="header-form">
        <!--        <div class="header-form">

                    <el-dropdown @command="handleCommand">
                      <el-button type="default" :loading="delLoading">
                        更多<i class="el-icon-arrow-down el-icon&#45;&#45;right"></i>
                      </el-button>
                      <el-dropdown-menu slot="dropdown">
                        <el-dropdown-item icon="el-icon-refresh-right" class="color-refresh-item" command="refresh">刷新
                        </el-dropdown-item>
                        <el-dropdown-item icon="el-icon-edit" class="color-edit-item" command="edit">编辑</el-dropdown-item>
                        <el-dropdown-item icon="el-icon-delete" class="color-del-item" command="del">{{isBatchesDel}}
                        </el-dropdown-item>
                      </el-dropdown-menu>
                    </el-dropdown>
                  </div>-->
        <div class="header-form-item">
          <el-button icon="el-icon-refresh-right" @click="$emit('refresh')">刷新</el-button>
        </div>
        <div class="header-form-item">
          <el-button icon="el-icon-edit" @click="$emit('edit')">编辑</el-button>
        </div>
        <div class="header-form-item">
          <el-button type="danger" :loading="delLoading" icon="el-icon-delete" @click="$emit('del')">{{isBatchesDel}}</el-button>
        </div>
        <!--搜索-->
        <div class="header-form-item">
          <el-button type="primary" icon="el-icon-search" @click="$emit('fetchData')">查询</el-button>
        </div>
        <div class="header-form-item">
          <el-button type="success" icon="el-icon-notebook-2" @click="$emit('openDialog')" v-text="applyLabel"></el-button>
        </div>
      </div>
    </div>
  </header>
</template>

<script>
  export default {
    name: 'FlowManagerListHeader',
    props:{
      delLoading:{
        type:Boolean
      },
      isBatchesDel:{
        type:String
      },
      title:{
        type:String
      },
      applyLabel:{
        type:String
      }
    },
    data() {
      return {
      }
    },
    created() {

    },
    methods: {}
  }
</script>

<style scoped lang="scss">

</style>
